<template>
  <div id="demoView">
    <div style="border: 1px solid #ccc">
      <h2>编辑区域</h2>
      <v-md-editor v-model="markdownValue"></v-md-editor>
    </div>
    <div style="border: 1px solid #ccc">
      <h2>展示区域</h2>
      <v-md-editor :value="markdownValue" mode="preview"></v-md-editor>
    </div>
  </div>
</template>
<script>
import {defineComponent} from 'vue'

export default defineComponent({
  components: {},
  name: "DemoView",
  data() {
    return {
      demoMessage: "hello",
      markdownValue: "# demo"
    }
  },
  methods: {
    markdownButton() {
      console.log(this.markdownValue)
    }
  }
})
</script>

<style scoped>

</style>